* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #000;
}

body {
    background-color: #fff;
    font-size: 14px;
}

/* 头部开始 */
header {
    width: 100%;
    background-image: url(../image/Investor-Relations/page1/header-banner.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: top center;
    position: relative;
}

/* 导航 */
header div.nav {
    display: block;
    width: 100%;
    background-color: #fff;
}

header div.nav nav {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

header div.nav nav .left {
    width: 23%;
}

header div.nav nav .left img {
    width: 228px;
    padding: 14.4px 0;
    box-sizing: border-box;
    vertical-align: middle;
}

header div.nav nav .right {
    width: 76%;
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
}

header div.nav nav .right li {
    list-style-type: none;
    position: relative;
    padding: 0 19.2px;
    box-sizing: border-box;
}

header div.nav nav .right li .search {
    font-size: 18px;
}

header div.nav nav .right li:nth-child(1) a {
    color: #172991;
}

header div.nav nav .right li:hover a {
    color: #172991;
}

/* banner */
header .banner {
    margin: 0 159.6px;
    padding: 64px 0 48px;
    display: flex;
    justify-content: space-between;
}

header .banner .banner-left {
    width: 66.66667%;
    padding: 0 15px;
    box-sizing: border-box;
    color: #fff;
}

header .banner .banner-left h4 {
    font-size: 25px;
    margin: 30px 0 16px;
}

header .banner .banner-left h2 {
    font-size: 40px;
    margin-bottom: 16px;
}


header .banner .banner-right {
    width: 360px;
    background-color: #2d2b98;
    color: #fff;
    padding: 20px 25px;
    box-sizing: border-box;
    opacity: .9;
    display: flex;
    flex-direction: column;
}

header .banner .banner-right .head {
    width: 100%;
}

header .banner .banner-right .head .comp {
    font-size: 18px;
}

header .banner .banner-right .head .exchange .price {
    font-size: 48px;
    font-weight: 700;
    margin-right: 10px;
}

header .banner .banner-right .head .exchange .price-down {
    font-size: 18px;
}

header .banner .banner-right div.img img {
    width: 100%;
}

header .banner .banner-right .foot {
    color: #fff;
    font-size: 12px;
    margin: 20px 0 16px;
    opacity: 0.75;
    letter-spacing: .5px;
    line-height: 24px;
}

h1 {
    font-size: 80px;
}

/* 头部结束 */



/* ndp开始 */
.ndp {
    width: 100%;
}

.ndp .ndp-section {
    padding: 70px 0;
    box-sizing: border-box;
}


/* section1开始 */
.ndp .ndp-section .row {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    display: flex;
}

.ndp .ndp-section .row .overview {
    width: 800px;
    padding: 0 15px;
    box-sizing: border-box;
}

.ndp .ndp-section .row .overview p {
    font-size: 14px;
    margin-bottom: 16px;
    letter-spacing: .5px;
}

.ndp .ndp-section .row p.title {
    font-size: 28px;
    margin-bottom: 16px;
    line-height: 1.4;
}

.ndp .ndp-section .row p a {
    color: #232773;
}

.ndp .ndp-section .row p a:hover {
    color: #000;
}




.ndp .ndp-section .row .earnings {
    width: 399.99px;
    padding: 15px 15px 0;
}

.ndp .ndp-section .row .earnings .content {
    display: flex;
    flex-direction: row;
}

.ndp .ndp-section .row .earnings .content .data {
    padding: 0 15px;
}

.ndp .ndp-section .row .earnings .content .data p.data-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 0px;
}

.ndp .ndp-section .row .earnings .content .data p {
    font-size: 25px;
}

.ndp .ndp-section .row .earnings .content .earnings-list {
    margin-bottom: 16px;
}

.ndp .ndp-section .row .earnings .content .earnings-list p {
    padding: 10px 0px;
    border-bottom: solid 1px #E8E7E7;
    text-indent: 2em;
    margin-left: 20px;
}

.ndp .ndp-section .row .earnings .content .earnings-list p a {
    color: #232773;
}

.ndp .ndp-section .row .earnings .content .earnings-list p a:hover {
    color: #000;
}



/* secion2 */

.ndp .ndp-section:nth-child(2) {
    padding: 30px 0 40px;
    background-color: #f9f9f9;
}

.ndp .ndp-section .Maxcontent {
    width: 1200px;
    margin: 0 auto;
    display: flex;
}

.ndp .ndp-section .Maxcontent .Maxcontent-section {
    width: 33.33333%;
    padding: 0 20px;
}


/* content */

.ndp .ndp-section .Maxcontent .Maxcontent-section .content div.title {
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    margin-bottom: 35px;
    text-align: center;
    /* padding-top: 100px; */
    padding-bottom: 40px;
    border-bottom: 1px solid #e8e7e7;
}

.ndp .ndp-section .Maxcontent .Maxcontent-section .content div.title .info {
    margin-top: 5px;
    padding-top: 100px;
    position: relative;
}

.ndp .ndp-section .Maxcontent .Maxcontent-section .content div.title .info span::before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.ndp .ndp-section .Maxcontent .Maxcontent-section .content div.title .info .icon1::before {
    background: url(../image/Investor-Relations/page1/icon_ndp/rili.png) no-repeat;
    background-size: 50px;
}

.ndp .ndp-section .Maxcontent .Maxcontent-section .content div.title .info .icon2::before {
    background: url(../image/Investor-Relations/page1/icon_ndp/xinwengaojian_1.png);
    background-size: 50px;
}

.ndp .ndp-section .Maxcontent .Maxcontent-section .content div.title .info .icon3::before {
    background: url(../image/Investor-Relations/page1/icon_ndp/tubiao.png);
    background-size: 50px;
}

.ndp .ndp-section .Maxcontent .Maxcontent-section .content .content-info {
    height: 290px;
    margin-bottom: 16px;
}

.ndp .ndp-section .Maxcontent .Maxcontent-section .content .content-info div {
    padding-bottom: 16px;
}

.ndp .ndp-section .Maxcontent .Maxcontent-section .content .content-info div a {
    color: #232773;
    font-size: 14px;
}

.ndp .ndp-section .Maxcontent .Maxcontent-section .content .content-info div a:hover {
    color: #000;
}


/* btn */
.ndp .ndp-section .Maxcontent .Maxcontent-section .btn a {
    display: inline-block;
    width: 96px;
    height: 35px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: sans-serif;
    border: 1px solid transparent;
    background-color: #232773;
    padding: 10.2px 24px 10.8px 22.8px;
    box-sizing: border-box;
    margin: 0 0 16px;
    transition: all .2s ease-in-out;
}

.ndp .ndp-section .Maxcontent .Maxcontent-section .btn a:hover {
    color: #888;
    background-color: transparent;
    border: 1px solid #232773;
}

/* ndp结束 */


/* toolkit开始 */
.toolkit {
    width: 100%;
    padding: 60px 159.6px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
}

.toolkit .column {
    padding: 0 15px;
}

.toolkit .column .icoTools {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 2px solid #001f5b;
    padding: 4px;
    box-sizing: border-box;
}

.toolkit .column .icoTools a {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #001f5b;
    background-color: #001f5b;
    padding: 12px 0;
    box-sizing: border-box;
    text-align: center;
    transition: all .3s;
}

.toolkit .column .icoTools a:hover {
    background-color: #001f5b;
    transform: scale(1.2);
}

.toolkit .column .icoTools a .icon {
    display: inline-block;
    position: relative;
}

.toolkit .column .icoTools a .icon::before {
    position: absolute;
    content: "";
    display: inline-block;
    background-size: 34px 34px;
    width: 34px;
    height: 34px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.toolkit .column .icoTools .print-page .icon::before {
    background-image: url(../image/Investor-Relations/page1/icon_toolkit/print.png);
}

.toolkit .column .icoTools .rss .icon::before {
    background-image: url(../image/Investor-Relations/page1/icon_toolkit/rss.png);
    background-repeat: no-repeat;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

.toolkit .column .icoTools .email .icon::before {
    background-image: url(../image/Investor-Relations/page1/icon_toolkit/email.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}

.toolkit .column .icoTools .search .icon::before {
    background-image: url(../image/Investor-Relations/page1/icon_toolkit/search.png);
}


.toolkit .column strong {
    font-weight: 500;
    font-size: 14px;
    margin-top: 15px;
    float: left;
    width: 100%;
}

/* toolkit结束 */


/* footer开始 */

footer .content{
    width: 100%;
    box-sizing: border-box;
    padding: 45px 152.1px 33px;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

footer .content a{
    color: #171717;
    font-weight: 500;
    opacity: .6;
    display: inline-block;
    padding: 0 16px 12px;
    
}

footer .content a:hover{
    color: #172991;
}


footer .Luckin{
    width: 1200px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin: 0 auto;
    color: #626D6F;
    font-size: 12px;
    letter-spacing: .3px;
}

/* footer结束 */